


//文档加载事件
$(function (){
  $(".slider").slidebox({
      boxh: 448,//盒子的高度
      w: 1000,//图片的宽度
      h: 448,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 12,//控制按钮宽度
      controlsH: 12,//控制按钮高度
      radius: 6//控制按钮圆角度数
  });  
  $(".ebookslider").slidebox({
      boxh: 220,//盒子的高度
      w: 332,//图片的宽度
      h: 220,//图片的高度
      isShow: true,//是否显示控制器
      isShowBtn: true,//是否显示左右按钮
      controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
      controlsW: 12,//控制按钮宽度
      controlsH: 2,//控制按钮高度
      radius: 2//控制按钮圆角度数
  });  

  /* 楼层滚动 
  鼠标移入li标签:
    1 改变背景色  
      第一种思路：把颜色作为自定义属性与标签绑在一起，当事件发生时
          取出自己对应的值。
      第二种思路:
      定义一个数组把每个li标签的背景色存起来
      let bgcArr=['#93d46f','#f65727','#bb9dee','#ff7394','#c2ec51']
    2 背景图片定位
      鼠标移入时改为-40px
      鼠标移出时改为 0px
    3 处理文字
    默认布局:  
      给盒子写padding-left 来显示背景图片，把文字 写上，再写overflow:hidden 把
      文字隐藏
      鼠标移入时width:40px;
      鼠标移出时width:0px;
    4 当点击事件发生时，要找到对应区域距离文档顶部的距离，把这个距离赋给浏览器
    的滚动距离。
      如何识别参与滚动的区域? 
      给每个区域添加一个类名floor  

  */
  // $(".floorbox li").hover(function(){
  //     let bgc=$(this).attr("bgc")
  //     console.log(bgc);
  //     $(this).css("background-color",bgc);
  // },function(){
  //     $(this).css("background-color",'');
  // })
/*新书畅销榜*/ 
$(".bestsellerlist ul li").mouseenter(function(){
  $(this).find(".title").addClass("hide").removeClass("show");
  $(this).find(".box").removeClass("hide").addClass("show");
  $(this).siblings().find(".title").addClass("show").removeClass("hide");
  $(this).siblings().find(".box").removeClass("show").addClass("hide");
})

  let bgcArr=['#93d46f','#f65727','#bb9dee','#ff7394','#c2ec51']
  $(".floorbox li").hover(function(){
      $(this).css("background-color", bgcArr[ $(this).index()  ] )
      $(this).css("background-position-x",-40);
      $(this).css("width",40);

  },function(){
      $(this).css("background-color",'');
      $(this).css("background-position-x",0);
      $(this).css("width",0);


  }).click(function(){
      //当前li标签的下标
      let index=$(this).index()
      // 找到对应区域距离文档顶部的距离
      let top=$(".floor").eq(index).offset().top;
      //赋给浏览器的滚动距离
      $("html,body").animate({scrollTop:top},200);
      
      console.log(top);
  })
})







//选项卡效果
$(function(){
    $('.ebookddiv div').each(function(index){
      $(this).mouseenter(function(){
        $('.ebookddiv div.active').removeClass('active');
        $(this).addClass('active');
        // $('#content li:eq('+index+')').show().siblings().hide();
      })
    });
  });
  $(function(){
    $('.box36 div').each(function(index){
      $(this).mouseenter(function(){
        $('.box36 div.active').removeClass('active');
        $(this).addClass('active');
        // $('#content li:eq('+index+')').show().siblings().hide();
      })
    });
  });
  $(function(){
    $('.two div').each(function(index){
      $(this).mouseenter(function(){
        $('.two div.active1').removeClass('active1');
        $(this).addClass('active1');
        // $('#content li:eq('+index+')').show().siblings().hide();
      })
    });
  });

$('.a90').mouseenter(function(){
  $('.a91').show();
  // alert(111);
})
$('.a90').mouseleave(function(){
  $('.a91').hide();
  // alert(111);
})






//回到顶部
$(function(){
  var d_top=$('#d-top');
  document.onscroll=function(){
      var scrTop=(document.body.scrollTop||document.documentElement.scrollTop);
      if(scrTop>500){
          d_top.show();
      }else{
          d_top.hide();
      }
  }
  $('#d-top-a').click(function(){
      scrollTo(0,0);
      this.blur();
      return false;
  });
});



 /*新书畅销榜*/ 

 $('.onli').mouseenter(function() {
  $(this).css({
      width: 200,
      height: 141
  }).siblings('li').css({
      width: 200,
      height: 42
  })
})

$('.buchong').click(function(){
  location.href='./shoppingcart.html';
})
 /* 顶部搜索栏
  获取浏览器卷动的距离，进行判断决定搜索栏的显示或者隐藏
  */
 $(window).scroll(function(){
  // 获取浏览器卷动的距离
  let st=$("html,body").scrollTop()
  if(st>=500){
    // 搜索栏的显示
   $("#topsearch").stop().slideDown();
   $("#header .serachbox form").appendTo("#topsearch .searchcontainer" )

  }else{
    // 搜索栏的隐藏
    $("#topsearch").stop().slideUp();
    $("#topsearch .searchcontainer form").appendTo("#header .serachbox" )

  }
  console.log(st);
})




// 楼层滚动
let bgcArr=['#93d46f','#f65727','#bb9dee','#ff7394','#c2ec51']
$(".floorbox li").hover(function(){
    $(this).css("background-color", bgcArr[ $(this).index()  ] )
    $(this).css("background-position-x",-40);
    $(this).css("width",40);

},function(){
    $(this).css("background-color",'');
    $(this).css("background-position-x",0);
    $(this).css("width",0);


}).click(function(){
    //当前li标签的下标
    let index=$(this).index()
    // 找到对应区域距离文档顶部的距离
    let top=$(".floor").eq(index).offset().top;
    //赋给浏览器的滚动距离
    $("html,body").animate({scrollTop:top},200);
    
    console.log(top);
})









